<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
<script src='./js/jquery.js'></script>
<script src='./bootstrap/js/bootstrap.js'></script>
<title>选择下单商品页</title>
</head>
<style>
    header{
        width:1200px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .nav{
        list-style: none;
        display: flex;
        align-items: center;
        background: #409EFF;
        border-radius: 10px;
        color: #fff;
        font-size: 24px;
        padding: 5px 10px;
    }
    header .nav .nav-list{
        margin-right:20px;
    }
    header .nav .nav-list:nth-last-of-type(1){
        margin-right:0;
    }
    header .nav .nav-list a{
        text-decoration: none;
        color:#fff;
    }
    .goods{
        width:800px;
        margin:0 auto;
    }
    .goods img{
        width: 200px;
        display: block;
        margin:0 auto;
    }
    .goods .des{
        width:800px;
        margin:0 auto;
    }
    .goods .des div{
        width:100%;
        box-sizing: border-box;
        padding-left: 300px;
        line-height: 30px;
    }
    .goods button{
        display: block;
        margin:20px auto;
    }
</style>
<body>
    <div class="content">
        <div class="main">
            <header>
                <img class="logo" src='./img/logo.png' alt=''>
                <ul class="nav">
                    <li class="nav-list">
                        <a href="./index.html">首页</a>
                    </li>
                    <li class="nav-list">
                        <a href="#">个人信息</a>
                    </li>
                    <li class="nav-list">
                        <a href="./buyorder.html">订单</a>
                    </li>
                    <li class="nav-list">
                        <a href="./buylogin.jsp">退出</a>
                    </li>
                </ul>
            </header>
            <div class="goods">
                <img src="./img/chuang1.jpg" alt="">
                <div class='des'>
                    <div>商品名称:卧室壁纸</div>
                    <div>商品类型:壁纸</div>
                    <div>描述:长100宽80材质云母片</div>
                    <div>所属店铺编号:1</div>
                    <div>商品价格:¥60元</div>
                    <div><span>希望购买数量:</span><input type="number"></div>
                </div>
                <form action="buyGood" name="buyGood" method="post">
                <button type="button" class="btn btn-info">购买</button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>